
.mdx-relative,
.mdx-rela {
	position: relative;
}

.mdx-absolute,
.mdx-abso {
	position: absolute;
}

.mdx-font-xs {
	font-size: 22rpx;
}

.mdx-font-sm {
	font-size: 26rpx;
}

.mdx-font-md {
	font-size: 28rpx;
}

.mdx-font-lg {
	font-size: 30rpx;
}

.mdx-font-xl {
	font-size: 34rpx;
}
.mdx-content{
	width: 100%;
	margin-top: 10px;
}

.mdx-flex {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.mdx-flex-wrap {
	flex-wrap: wrap;
}

.mdx-flex-nowrap {
	flex-wrap: nowrap;
}

.mdx-col-center {
	align-items: center;
}

.mdx-col-top {
	align-items: flex-start;
}

.mdx-col-bottom {
	align-items: flex-end;
}

.mdx-row-center {
	justify-content: center;
}

.mdx-row-left {
	justify-content: flex-start;
}

.mdx-row-right {
	justify-content: flex-end;
}

.mdx-row-between {
	justify-content: space-between;
}

.mdx-row-around {
	justify-content: space-around;
}

.mdx-text-left {
	text-align: left;
}

.mdx-text-center {
	text-align: center;
}

.mdx-text-right {
	text-align: right;
}

.mdx-flex-col {
	display: flex;
	flex-direction: column;
}

.mdx-center-min{
	width: 94%;
	margin-left: 3%;
}

.mdx-center-xs{
	width: 92%;
	margin-left: 4%;
}

.mdx-center-sm{
	width: 90%;
	margin-left: 5%;
}
.mdx-center-md{
	width: 80%;
	margin-left: 10%;
}
.mdx-center-lg{
	width: 70%;
	margin-left: 15%;
}
.mdx-border-bottom{
	border-bottom: 1px solid #e4e7ed;
}
.mdx-padding-legth-xs{
	padding: 10rpx 0;
}
.mdx-padding-legth-sm{
	padding: 15rpx 0;
}

.mdx-padding-legth-sm{
	padding: 20rpx 0;
}
.mdx-padding-legth-md{
	padding: 25rpx;
}
.li{
	border-bottom: 1rpx solid #ebebeb;
}
.line1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	text-align: justify;
	overflow: hidden;
}
.line2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	text-align: justify;
	overflow: hidden;
}
.line3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: justify;
	overflow: hidden;
}

.shadow-botton{
	box-shadow: 0px 3rpx 3rpx #e5e5e5;
}
.dis{
	display: flex;
	justify-content: space-between;
}
.flew{
	flex-wrap: wrap;
	display: flex;
}
.atlin {
	display: flex;
	align-items: center;
}
.color66{
	color: #666666;
}
.color99{
	color: #999999;
}

.color33{
	color: #333333;
}

.marTop45{
	margin-top: 45rpx;
}
.marTop90{
	margin-top: 90rpx;
}
.marTop10{
	margin-top: 10rpx;
}
.marTop20{
	margin-top: 20rpx;
}
.marTop30{
	margin-top: 30rpx;
}
.width{
	padding: 25rpx;
}
.size26rpx{
	font-size: 26rpx;
}
//顶部自定义导航
	.coupons_left_line{
		height: 40rpx; border-left: 1rpx solid #cccccc; margin-left: 10rpx;margin-right: 20rpx;
	}
	.home{
		width: 45rpx;
		height: 45rpx;
	}
	.slot-wrap {
			display: flex;
			align-items: center;
			/* 如果您想让slot内容占满整个导航栏的宽度 */
			/* flex: 1; */
			/* 如果您想让slot内容与导航栏左右有空隙 */
			/* padding: 0 30rpx; */
	}


.center{
	text-align: center;
}

.padding25rpx{
	padding: 25rpx;
}

.padding35rpx{
	padding: 35rpx;
}

.colorff6{
	color: #FF6600;
}
.size28rpx{
	font-size: 28rpx;
}
.size32rpx{
	font-size: 32rpx;
}
.size35rpx{
	font-size: 35rpx;
}

.queImgURL{
	width: 280rpx;
	height: 280rpx;
}
.marLeFt10{
	margin-left: 10rpx;
}
.marLeFt20{
	margin-left: 20rpx;
}
.marLeFt30{
	margin-left: 30rpx;
}
.marLeFt40{
	margin-left: 40rpx;
}
.marLeFt50{
	margin-left: 50rpx;
}

.swiper-box {
		flex: 1;
	}
.swiper-item {
	height: 100%;
}